﻿@model borkoSi.ViewModels.CyclingViewModel

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "borkoSi - Kolesarjenje";
}

@section bodytitle{
    <h1>Kolesarjenje</h1>
    <h2>Gori, doli, naokoli</h2>
}

@*
<ul>
@foreach(var i in Model.Routes)
{
    <li class="routesItem" id="@i.RouteId" >@Html.ActionLink(@i.RouteName, "Route", "Cycling", new { id = @i.RouteId }, null)</li>
}
</ul>
*@

<div class="body-left-other">
    <span>Leto 2013</span>
    <br /><br />
    <div id="dropdownPoint">     <!-- pointPoint NE DELA!!! -->
        @Html.DropDownList("RoutesDropdown", (IEnumerable<SelectListItem>)@Model.RoutesDropdownItems, new { style = "width: 220px;" })
    </div>
</div>

<div class="body-right-other">
    <div style="margin-left: 80px; padding-left: 90px; border-left: 1px solid black">
        <iframe id="garminConnectIFrame" width='465' height='548' frameborder='0' src=''/></iframe>
    </div>
</div>

@section Scripts{

    <script type="text/javascript" src="@Url.Content("/Scripts/myFunctions.js")"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    
    <!-- PointPoint -->
    <!-- NE DELA!!!
    <script type="text/javascript" src="@Url.Content("/Addons/pointPoint/transform.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Addons/pointPoint/jquery.pointpoint.js")"></script>
    -->

    <script type="text/javascript">

        $(document).ready(function () {

            // at begining iframe src is set to dropdown's "at start" selected value
            getGarminConnectIFrameSrc();

            $('#RoutesDropdown').change(function () {

                // gets Garmin iFrame src
                getGarminConnectIFrameSrc();

            });

            // pointPoint points to 'dropdownPoint'
            //pointPoint('dropdownPoint');

        });

    </script>
}